<template>
  <div class="my">
     <div class="content">
        <div class="panel__hd" style="">我的预约列表</div>
        <div class="panel__bd">
            <div class="panel-list">
                <h4 class="list-name">预约藏品类别：玉器,杂项</h4>
                <p class="list-time">预约时间： 2020-07-16 12:20：12</p>
            </div>
            <div class="panel-list">
                <h4 class="list-name">预约藏品类别：玉器,杂项</h4>
                <p class="list-time">预约时间： 2020-07-16 12:20：12</p>
            </div>
        </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Home',
  methods: {
    goCommit () {
      this.$router.push('commit')
    }
  }
}
</script>
<style scope>
.my{padding: 15px 0;}
.panel__hd{font-size:1em;text-align:center;color:#333;border-bottom:10px solid #f5f5f5;padding-bottom:15px;font-size:1.2em;}
.panel__bd{}
.panel-list{padding:10px 15px;position: relative;border-bottom:1px solid #f5f5f5;}
.list-name{margin-bottom: 8px;font-weight: 400;margin-top:0;
    font-size: 16px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    word-wrap: break-word;
    word-break: break-all;}
.list-time{color: #999999;
    font-size: 13px;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;margin:0;}
</style>
